html, body {
    margin: 0;
    padding: 0;
    text-align: center;
}

.container {
    width: 800px;
    margin: 0 auto;
    border: 1px solid red;
}

.button-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bottom-content {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid red;
}

.signContent {
    visibility: visible;
}

.header-content {
    border-bottom: 1px solid red;
}

.main-sign-content {
    display: flex;
    justify-content: space-around;
}

.main-header-content .item .label {
    display: inline-block;
    width: 150px;
    text-align: right;
    margin-right: 10px;
}

.main-header-content .item input {
    width: 250px;
}

.line {
    width: 1px;
    height: 286px;
    border-left: 1px solid red;
}

.private-header .label {
    display: inline-block;
    width: 100px;
    text-align: right;
}

.private-header .sign {
    width: 250px;
}

.content {
    height: 110px;
}

.bottom-content .label {
    font-size: 14px;
    flex: 1;
}

.bottom-content .result {
    height: 96%;
    font-size: 14px;
    flex: 3;
    border: 1px solid red;
}